<template>
	<div class="foot">
		<div class="foot-top">
			<p>
				<span class="iconfont">&#xe812;</span>票面价是指通过景区指定创空售空的纸质门票上标注的价格
			</p>
		</div>
		<div class="foot-bootn">
			<p>
				<span class="iconfont">&#xe63b;&nbsp;机票</span><span class="iconfont">&#xe61b;&nbsp;酒店</span><span class="iconfont">&#xe662;&nbsp;公寓</span><span>|</span>更多
			</p>
			<h3>
				<span>登录</span><span>我的订单</span><span>最近浏览</span><span>关于我们</span>
			</h3>
			<h4>
				<span>Qunar京ICP备05021087</span>
			</h4>
		</div>
	</div>
</template>

<script>
</script>

<style  scoped>
	.foot{
		width: 100%;
		position: relative;
		margin-top: 0.2rem;
		background-color: white;
	}
	.foot-top p{
		font-size:  0.2rem;
		padding: 0.2rem;
	}
	.foot-bootn{
		background-color: #CCCCCC;
	}
	.foot-bootn p{
		text-align: center;
		font-size: 0.35rem;
		padding:0.2rem 0;
		color: #A0A1A7;
	}
	.foot-bootn p span{
		padding-right:0.4rem;
		
	}
	.foot-bootn h3{
		text-align: center;
		font-size:0.35rem;
		padding:0.3rem 0;
		color: #257FAD;
		border-bottom:0.02rem solid  #A0A1A7 ;
	}
	.foot-bootn h3 span{
		padding-right:0.4rem;
	}
	.foot-bootn h4{
		font-size:0.35rem;
		text-align: center;
		color: #A0A1A7;
		padding:0.3rem 0;
	}
</style>
